<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07_猜数字练习</title>
</head>
<body>
<h1>已生成一个1-100之间的随机数</h1>
<input type="number" id="num">
<button onclick="f1()">点我验证</button>
<h3> 小提示：<span></span></h3>

<script>
    //1.生成随机数
    let n = parseInt(Math.random()*100)+1;
    console.log(n)
    let count = 0;
    //

    //2.定义函数
    function f1() {
        //3.获取用户输入的值
        let num = document.getElementById('num').value;
        //7.进行校验
        if (!/^\d+$/.test(num)||num<1||num>100){
            alert('请输入1-100以内的数字');
            return;
        }
        //5.显示结果的span元素
        let spanE = document.querySelector('span');
        //6.记录次数
        count++;
        //4.判断
            if (n > num) {
                spanE.innerHTML=('猜小了');
            } else if (n < num) {
                spanE.innerHTML=('猜大了');
            } else {
                spanE.innerHTML=('恭喜你猜对了共计用了'+count+'次');
            }

    }
</script>
</body>
</html>